<link rel="stylesheet" href="__STATIC__/admin/css/welcome.css?v={:time()}" media="all">
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-blue">{$time}</span>
                                                        <h5>实际费用</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{$sum['actual']}</h1>
                                                        <small>当前月份实际费用统计</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-cyan">{$time}</span>
                                                        <h5>预算费用</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{$sum['budget']}</h1>
                                                        <small>当前月份预算费用统计</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-blue">{$year}年</span>
                                                        <h5>年度实际费用</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{$sum['year_actual']}</h1>
                                                        <small>当前年度预算费用总计</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-cyan">{$year}年</span>
                                                        <h5>年度预算费用</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">{$sum['year_budget']}</h1>
                                                        <small>当前年度预算费用总计</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10 layuimini-qiuck">
                                        {foreach $quicks as $vo}
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a layuimini-content-href="{:url($vo['href'])}" data-title="{$vo['title']}">
                                                <i class="{$vo['icon']|raw}"></i>
                                                <cite>{$vo['title']}</cite>
                                            </a>
                                        </div>
                                        {/foreach}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>费用占比</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10" style="min-height: 210px" id="class_count">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>环比</div>
                                <div style="float: left;">
                                    <label style="float: left;margin-left:10px;"><i class="fa fa-calendar-check-o icon"></i>起始：</label>
                                    <div style="float: left;">
                                    <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="start_time" class="layui-input" id="start_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;">
                                    <label style="float: left;">结束：</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="end_time" class="layui-input" id="end_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left">
                                    <i class="fa fa-hand-o-right icon"></i>类型：
                                    <select name="select_type" style="width: 60px;border: 0;" id="select_type">
                                        <option value="1">实际</option>
                                        <option value="2">预算</option>
                                    </select>
                                </div>
                                <div style="float: left;margin-left: 10px">
                                    <i class="fa fa-bank icon"></i>城市：
                                    <select name="select_city" style="border: 0;" id="select_city">
                                        <option value="0">全部</option>
                                        {foreach CostCompanyArr as $vo}
                                        <option value="{$vo.id}">{$vo.company_name}</option>
                                        {/foreach}
                                    </select>

                                </div>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-cross" style="width: 100%;min-height:600px"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>分类总费用</div>

                                <div style="float: left;">
                                    <label style="float: left;margin-left:10px;"><i class="fa fa-calendar-check-o icon"></i>起始：</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;" type="text" lay-verify="required" name="class_time" class="layui-input" id="class_time" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;margin-left: 10px">
                                    <i class="fa fa-bank icon"></i>城市：
                                    <select name="select_class_city" style="border: 0;" id="select_class_city">
                                        <option value="0">全部</option>
                                        {foreach CostCompanyArr as $vo}
                                        <option value="{$vo.id}">{$vo.company_name}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-records" style="width: 100%;min-height:600px"></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left"><i class="fa fa-line-chart icon"></i>年度分类费用</div>
                                <div style="float: left;">
                                    <label style="float: left;margin-left:30px;"><i class="fa fa-calendar-check-o icon"></i>时间</label>
                                    <div style="float: left;">
                                        <input style="margin-top: 2px;border: 0;width: 60px" type="text" lay-verify="required" name="class_year" class="layui-input" id="class_year" lay-reqtext="请输入日期" placeholder="请输入日期" value="" autocomplete="off">
                                    </div>
                                </div>
                                <div style="float: left;margin-left: 10px">
                                    <i class="fa fa-bank icon"></i>一级分类：
                                    <select name="select_class_year" style="border: 0;" id="select_class_year">
                                        <option value="0">全部</option>
                                        {foreach class_name as $vo}
                                        <option value="{$vo.id}">{$vo.title}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-year" style="width: 100%;min-height:400px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var class_time = '{$class_time}';
    var end_time = '{$end_time}';
    var start_time = '{$start_time}';
    var year = '{$year}';

</script>